@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-modal';

.footerActions {
  @include composite-var($modal, 'action-row');

  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  align-items: center;
}

.footerDisclaimer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: simple-var($sys-neutral-text-disabled);
}

.footer {
  @include composite-var($modal, 'footer');

  display: flex;
  flex-direction: column;

  &[data-align='vertical'] {
    align-items: center;

    .footerActions {
      width: 100%;
    }

    .footerDisclaimer {
      align-items: center;
    }
  }

  &[data-align='center'] {
    align-items: center;

    .footerDisclaimer {
      align-items: center;
    }
  }
}
